<template>
  <div id="app">
    <!-- 1. 父传子 给子组件标签上写属性的方式传数据 (属性名可以自定义 推荐语义化) -->

    <!-- 2 子传父 @自定义事件名="回调函数"-->
    <ComOne :money="money" :car="car" @payMoney="payMoneyFn" @changeCar="changeCarFn" />
  </div>
</template>

<script>
import ComOne  from './components/ComOne'
export default {
  name: 'App',
  // App.vue现在是父组件    ComOne是子组件
  // 谁的数据谁负责修改
  data() {
    return {
      money: 100,
      car: '玛莎拉蒂'
    }
  },
  components: {
    ComOne,
  },
  methods: {
    // 3. 子传父  可以通过函数形参拿到传递的参数
    payMoneyFn (value) {
      if (this.money <= 0) {
        alert('不孝子,钱都花光了')
        return
      }
      this.money = this.money - value
      
    },
    changeCarFn(car) {
      alert(`你换个屁,换不起${car}给你换个小黄车`)
      this.car = '小黄车'
    }
  }
}
</script>

<style>

</style>
